{% load static %}
<!DOCTYPE HTML>
<html lang="en">
  <head>
    <title>{% block pageTitle%} Iprintf Blog {%endblock%}</title>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <link rel="stylesheet" href="{% static 'blog/css/bootstrap.min.css' %}" />
    <link rel="stylesheet" href="{% static 'blog/css/animate.css' %}" />
    <link rel="stylesheet" href="{% static 'blog/css/style.css' %}">
    {% block extcss %}{% endblock %}
  </head>
  <body>

    <!-- <div class="navbar navbar-default navbar-static-top" role="navigation">    [> 置于页面顶部的导航栏 <] -->
    <div id="header" class="navbar navbar-inverse navbar-fixed-top" role="navigation">     <!-- 固定不变永远置顶的导航栏 -->
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a href="{% url 'blog:blog_list' %}" class="navbar-brand">个人博客</a>
        </div>

        <div class="navbar-collapse collapse">
          <ul class="nav navbar-nav">
            {% for nav in nav_left_list %}
            <li><a href="{{nav.target}}">{{ nav.name }}</a></li>
            {% endfor %}

            <!--
               - <li class="active"><a href="/blog">首页</a></li>
               - <li class="dropdown">
               -   <a href="#" class="dropdown-toggle" data-toggle="dropdown">文章<b class="caret"></b></a>
               -   <ul class="dropdown-menu">
               -     <li><a href="#">Java</a></li>
               -     <li class="divider"></li>
               -     <li><a href="#">C</a></li>
               -     <li class="divider"></li>
               -     <li><a href="#">PHP</a></li>
               -     <li class="divider"></li>
               -     <li><a href="#">RedHat</a></li>
               -     <li class="divider"></li>
               -     <li><a href="#">Ubuntu</a></li>
               -   </ul>
               - </li>
               - <li><a href="#">视频</a></li>
               - <li><a href="#">关于</a></li>
               -->
          </ul>

          <form action="{% url 'blog:blog_search' %}" class="navbar-form navbar-left" role="search">
            <div class="form-group">
                <input id="blog-search-input" name="s" type="text" class="form-control" placeholder="Search">
            </div>
          </form>

          <ul class="nav navbar-nav navbar-right">
            {% for nav in nav_right_list %}
            <li><a href="{{nav.target}}">{{nav.name}}</a></li>
            {% endfor %}
            <!-- <li><a href="#">留言</a></li> -->
            <!-- <li class="active"><a href="#">登录</a></li> -->
          </ul>
        </div>
      </div>
    </div>

